<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目介绍 | 简洁版</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', sans-serif;
        }
        
        body {
            background-color: #f5f7fa;
            color: #333;
            line-height: 1.6;
            padding: 20px;
        }
        
        .container {
            max-width: 800px;
            margin: 0 auto;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        
        .header {
            background-color: #2c3e50;
            color: white;
            padding: 30px 20px;
            text-align: center;
        }
        
        .header h1 {
            font-size: 28px;
            margin-bottom: 10px;
        }
        
        .header p {
            font-size: 16px;
            opacity: 0.8;
        }
        
        .content {
            padding: 30px;
        }
        
        .section {
            margin-bottom: 30px;
        }
        
        .section h2 {
            color: #2c3e50;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #ecf0f1;
        }
        
        .section p {
            margin-bottom: 15px;
            font-size: 16px;
        }
        
        .links {
            margin-top: 30px;
        }
        
        .links h3 {
            color: #2c3e50;
            margin-bottom: 15px;
        }
        
        .link-item {
            display: block;
            background-color: #3498db;
            color: white;
            padding: 12px 20px;
            text-align: center;
            text-decoration: none;
            border-radius: 4px;
            margin-bottom: 10px;
            font-size: 16px;
            transition: background-color 0.3s;
        }
        
        .link-item:hover {
            background-color: #2980b9;
        }
        
        .footer {
            background-color: #2c3e50;
            color: white;
            padding: 20px;
            text-align: center;
            font-size: 14px;
            opacity: 0.8;
        }
        
        @media (max-width: 600px) {
            .header h1 {
                font-size: 24px;
            }
            .content {
                padding: 20px;
            }
            .link-item {
                padding: 10px 15px;
                font-size: 14px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>智能药盒</h1>
            <p>为经常忘记吃药的人而设计的药盒</p>
        </div>
        
        <div class="content">
            <div class="section">
                <h2>项目概述</h2>
                <p>本项目基于ESP32-S2 Mini开发板，旨在打造一款集成时间管理、状态提醒、交互控制等功能于一体的智能设备。通过整合RTC模块、OLED显示屏、蜂鸣器、振动马达、LED灯以及按键等多种电子元器件，实现精准时间显示、多模式提醒以及便捷的用户交互操作，可广泛应用于药品定时提醒、日程管理等场景 。</p>

            </div>
            
            <div class="section">
                <h2>核心功能</h2>
                <ul>
                    <li><strong>精准时间管理</strong>：搭载DS3231 RTC模块，利用I2C通信协议与ESP32-S2 Mini相连，确保时间的高精度运行与存储，为各类定时任务提供可靠时间基准。</li>
                    <li><strong>可视化信息呈现</strong>：0.96英寸I2C接口OLED显示屏，与RTC模块共用SDA和SCL引脚，可实时清晰显示当前时间、提醒状态等信息，提升用户直观体验。</li>
                    <li><strong>多维度提醒方式</strong>：—声音提醒：有源蜂鸣器连接GPIO 10，在设定时间触发响亮提示音，确保用户及时感知。—震动提醒：振动马达通过GPIO 11控制，在不适宜声音提醒的场合，以震动方式实现无声提醒。</li>
                    <li><strong>便捷交互操作</strong>：三个功能按键（GPIO 3 - GPIO 5）分别用于设置小时、分钟以及确认操作，配合下拉电阻或INPUT_PULLUP模式，实现简单高效的时间与任务设置。</li>
                </ul>
            </div>
            <div class="links">
		<h2>项目分工</h2>
               <li><strong>钟正昊</strong>：立项，确定做什么，以及硬件设计</li>
               <li><strong>林朝钊</strong>：设计外壳，3D建模并打印</li>
               <li><strong>张兆瑞</strong>：细节优化以及web设计</li>
               <li><strong>杨洋</strong>：代码编写与运行</li>
	       <li><strong>陈泺羽</strong>：录制视频与上传项目</li>

                <h2>总结和思考</h2>
                <p>本项目基于 ESP32-S2 Mini 开发板，整合多种模块实现精准时间管理、多模式提醒与便捷交互。硬件上，锂电池供电搭配 TP4056 模块保障续航，I2C 设备引脚复用简化电路；软件利用 Arduino 库函数驱动各模块，实现功能逻辑。</p>​
		<p>在后续优化中，可添加蓝牙或 Wi-Fi 模块实现远程控制，引入低功耗芯片降低能耗，优化软件交互界面；鉴于生活智能化需求增长，该设备在健康管理、日程规划等领域潜力巨大，通过性能升级与精准推广，有望成为实用智能助手。</p>
                <h3>快速访问</h3>
                <a href="https://www.bilibili.com/video/BV1EjTBzrE8M/?buvid=XUBD08AB3DEAFE369D5A6FA27D7007FE8FE76&from_spmid=default-value&is_story_h5=false&mid=12TSYZxZifBtmz7a8gP4ag%3D%3D&plat_id=114&share_from=ugc&share_medium=android&share_plat=android&share_session_id=51e11184-2753-44f5-8a5e-013cb879d0df&share_source=WEIXIN&share_tag=s_i&spmid=united.player-video-detail.0.0&timestamp=1749526712&unique_k=HkW8jJ7&up_id=411519801" class="link-item" target="_blank">
                    <i class="fa fa-play-circle"></i> 查看B站演示视频
                </a>
                <a href="https://gitee.com/suiyuanzhang/intelligent-medicine-box" class="link-item" target="_blank">
                    <i class="fa fa-code-fork"></i> 访问Gitee项目
                </a>
            </div>
        </div>
        <div class="footer">
            <p>&copy; 2025 小队保留所有权利.</p>
        </div>
    </div>
</body>
</html>